// import { Component } from "react";
import { Component } from 'react'
import MyCpt from './MyCpt.js'
import Mycss from './Mycss.js'
import MyEvent from './MyEvent.js'
import MyFoot from './MyFoot.jsx'
import MyHead from './MyHead.js'
import MyPorop1 from './MyPorop1.js'
import MyProp2 from './MyProp2.js'
import MyState1 from './MyState1.js'
import MyState2 from './MyState2.js'

export default class MIndex extends Component{
    render(){
        return(
            <div style={{padding:15}}>
                <MyHead/>
                <h2>React 基础语法</h2>
                <hr/>
                {/* <MyCpt/> */}
                {/* <Mycss/> */}
                  {/* <MyEvent/> */}
                  {/* <MyPorop1/> */}
                  {/* <MyState1/> */}
                  {/* <MyProp2/> */}
                  <MyState2/>
                <hr/>
                <MyFoot/>
                {/* <hr/> */}
         
            </div>
        )
    }
}



